<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%@ include file="../head/head.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<script type="text/javascript"
		src="<%=path%>/resource/js/jquery/1.6.2/jquery-1.6.2.min.js">
	</script>
	<script type="text/javascript"
		src="<%=path%>/resource/js/jquery-easyui-1.3.3/jquery.cookie.js">
	</script>
	<link id="easyuiTheme" rel="stylesheet" type="text/css"
			href="<%=path%>/resource/js/jquery-easyui-1.3.3/themes/theme.css"></link>
	<link rel="stylesheet" type="text/css"
		href="<%=path%>/resource/js/jquery-easyui-1.3.3/themes/icon.css"></link>
	<script type="text/javascript"
		src="<%=path%>/resource/js/jquery-easyui-1.3.3/jquery.easyui.min.js">
	</script>
	<script type="text/javascript" charset="UTF-8"
		src="<%=path%>/resource/js/jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js">
	</script>
	<!-- INDEX.JS -->
	<script type="text/javascript" src="<%=path%>/page/demo/demo2.js"> </script>
	<link rel="StyleSheet" href="<%=path%>/resource/js/dtree/dtree.css" type="text/css" />
	<script type="text/javascript" src="<%=path%>/resource/js/dtree/dtree.js"></script>
	
	<script type="text/javascript">
		$(document).ready(function() {
			//总面板的宽和高
			//$("#cc").css("width", $(window).width() - 24);
			$("#cc").css("height", $(window).height() - 20);
			//$("#center").css("width", $(window).width() - 206);
			$("#center").css("height", $(window).height() - 50);
			$("#west").css("height", $(window).height() - 50);
			
		});
	</script>
</head>
<body style="OVERFLOW: hidden;">
	<!-- 总面板开始 -->
	<div id="cc" class="easyui-layout" style="OVERFLOW: hidden;">
		<div id="west" data-options="region:'west',collapsible:false,title:'部门树'" style="width:200px;">
			<div class="dtree">
			<script type="text/javascript">
				<!--
		
				d = new dTree('d');
				d.add(0,-1,'根节点','javascript:void(0)');
				d.add(1,0,'layer1_1F','javascript:void(0)');
				d.add(2,0,'layer1_2F','javascript:void(0)');
				d.add(3,0,'layer1_3F','javascript:void(0)');
				d.add(4,0,'layer1_4F','javascript:void(0)');
				d.add(5,1,'1F_1','javascript:void(0)');
				d.add(6,1,'1F_2','http://www.qq.com');
				d.add(7,5,'1F_1_1','http://www.163.com');
				d.add(8,5,'1F_1_2','http://www.163.com');
				document.write(d);
		
				//-->
			</script>
			</div>
		</div>
		<div id="center" data-options="region:'center',title:'人员信息'" style="OVERFLOW: hidden;">
			<!-- 按钮和查询栏开始 -->
			<div id="tb" style="padding:5px;height:auto">
				<!-- 按钮区开始 -->
				<div style="margin-bottom:5px">
					<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="openAdd()">新增</a>
					<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true">修改</a>
					<a href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true">保存</a>
					<a href="#" class="easyui-linkbutton" iconCls="icon-cut" plain="true">剪切</a>
					<a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true">删除</a>
					<a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-cancel'">取消</a>
					<a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-reload'">刷新</a>
					<a href="#" class="easyui-linkbutton" data-options="plain:true">自定义</a>
					<a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-print'">打印</a>
					<a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-help'">帮助</a>
					<a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-back'">回退</a>
				</div>
				<!-- 按钮区结束 -->
				<!-- 查询区开始 -->
				<div>
					姓名：<input type="text" name="name"  style="width:90px"/>
					Date From: <input type="text" class="easyui-datebox" style="width:90px"></input>
					To: <input type="text" class="easyui-datebox" style="width:90px"></input>
					Language: 
					<select class="easyui-combobox" panelHeight="auto" style="width:100px">
						<option value="java">Java</option>
						<option value="c">C</option>
						<option value="basic">Basic</option>
						<option value="perl">Perl</option>
						<option value="python">Python</option>
					</select>
					<a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-search'">查询</a>
				</div>
				<!-- 查询区结束 -->
			</div>
			<!-- 按钮和查询栏结束 -->
			<!-- 列表开始 -->
			<table id="accountBookList"></table>
			<!-- 列表结束 -->
		</div>
	</div>
	<!-- 总面板结束 -->
	<div id="mydialog" class="easyui-dialog"
			style="width: 614px; height: 298px;"
			data-options="title:'新增',modal:true,closed:true">
	    <form id="ff" method="post">
			<table style="width: 100%;height: 100%; text-align:center;" border="0">
				<tr>
					<td width="20%"><span style="color: red">*</span>姓名</td>
					<td width="30%" align="left"><input class="easyui-validatebox" type="text" name="name" data-options="required:true"></input></td>
					<td width="20%"><span style="color: red">*</span>年龄</td>
					<td width="30%" align="left"><input class="easyui-validatebox" type="text" name="name" data-options="required:true"></input></td>
				</tr>
				<tr>
					<td><span style="color: red">*</span>电话</td>
					<td align="left"><input class="easyui-validatebox" type="text" name="name" data-options="required:true"></input></td>
					<td>性别</td>
					<td align="left">
						<select class="easyui-combobox" name="sex">
							<option value="1">男</option>
							<option value="0">女</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>地址</td>
					<td align="left"><input type='text'/></td>
					<td>生日</td>
					<td align="left"><input type='text' class="easyui-datebox"/></td>
				</tr>
				<tr>
					<td>备注</td>
					<td colspan="3" align="left"><textarea id="mytext" rows="8" cols="53"></textarea></td>
				</tr>
				<tr>
					<td colspan="4" align="right">
						<a href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true">保存</a>
						<a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-reload'" onclick="clearForm();">刷新</a>
						<a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-cancel'" onclick="closeDialog();">关闭</a>
					</td>
				</tr>
			</table>
		</form>
	</div>
</body>
</html>